<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/reset.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/styles.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/plugin/css/jquery-ui.css" />

<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/requester-details.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/common.js"></script>

<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/plugin/js/jquery-ui.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/plugin/js/nicEdit.js"></script>
<script type="text/javascript">
	bkLib.onDomLoaded(function() {
	//new nicEditor().panelInstance('area1');
	new nicEditor({fullPanel : true}).panelInstance('expecetdContents');
	//new nicEditor({fullPanel : true}).panelInstance('notes');
	//new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3');
	//new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4');
	//new nicEditor({maxHeight : 100}).panelInstance('area5');
});
</script>

<script type="text/javascript">

function executeAndSubmit(){
	    //var nicE = new nicEditors.findEditor('preRequisite');
	    //alert("PRE "+nicE.getContent());
	   document.getElementById("expecetdContents").value = new nicEditors.findEditor('expecetdContents').getContent();
       document.forms[1].submit();
	}
	
</script>

<form:form action="${pageContext.request.contextPath}/usr/course" commandName="courseRequestForm"
	method="POST" id="courseRequestForm">
	
	<form:hidden path="action" />
	
	<!-- Right Area -->
		<div class="right-area">
			<div class="left-arrow"><img src="${pageContext.request.contextPath}/images/arrow-left.png" width="11" height="16" alt="" /></div>
			<div class="container">
				<div class="content forms">
					
					<form id="requester-course" name="requester_course" method="post">
					<div class="three-column-work-area">						
						<h1>Course Details</h1>
						<div class="forms-fields">
							<div class="input">
							   <label>Title:</label>
							   <form:input path="courseTitle" id="courseTitle"/>
               			       <span class="errortxt"><form:errors path="courseTitle" /></span>
							 </div>
							 <div class="input">
								<label>Category:</label>								
								<form:select path="category" id="sub_group">
									<form:options items="${categoryMap}" />
								</form:select>
								<span class="errortxt"><form:errors path="category" /></span>
							</div>							
							<div class="input">
								<label>Course Level:</label>								 
								 <form:radiobutton path="courseLevel" value="Beginner" /> <span>Beginner</span>
                				 <form:radiobutton path="courseLevel" value="Intermediate" /> <span>Intermediate</span>
               					 <form:radiobutton path="courseLevel" value="Advanced" /> <span>Advanced</span> 
							</div>						
							<div class="input">
								<label>Course Type:</label>								 
								 <form:radiobutton path="courseType" value="onsite" id="onsite" /> <span>Onsite</span>
                				 <form:radiobutton path="courseType" value="online" id="online"/> <span>Online</span>               					  
							</div>
							<div class="input">
								<label>Training Type:</label>								 
								 <form:radiobutton path="trainingType" value="fullTime" /> <span>Full Time</span>
                				 <form:radiobutton path="trainingType" value="partTime" /> <span>Part Time</span>               					 
							</div>		
							<div id="onsite-det">								
								<div class="input">
								  <label>Venue:</label>
								   <form:textarea path="address" id="notes" cols="80" rows="9" title="area1"/>
            				       <span  class="errortxt"><form:errors path="address" /></span>								 
								 </div>
								<div class="input">
								  <label>Country:</label>								 
								  <form:select path="country" id="sub_group" class="rft-select">
									<form:options items="${countryMap}" />
								  </form:select>
								  <span class="errortxt"><form:errors path="country" /></span>
								  <label class="second">State:</label>								 
								  <form:select path="state" id="sub_group" class="rgt-select">
									<form:options items="${statesMap}" />
								  </form:select>
								  <span class="errortxt"><form:errors path="state" /></span>
								</div>
								<div class="input">
								    <label>City:</label>
								    <form:input path="city" id="city" class="lft-inbox"/>
               			            <span class="errortxt"><form:errors path="city" /></span>								    
								    <label class="second">Zip:</label>
								    <form:input path="zipCode" id="zipCode" class="rgt-input"/>
               			            <span class="errortxt"><form:errors path="zipCode" /></span>
								</div>
							</div>
							<div class="input">
							    <label>Expecetd Start Date:</label>
							    <form:input path="expecetdStartDate" id="datefrom"/>
               			        <span class="errortxt"><form:errors path="expecetdStartDate" /></span>							   
							 </div>
							<div class="input">
							   <label>Duration:</label>
							   <form:input path="duration" id="duration"/>
               			        <span class="errortxt"><form:errors path="duration" /></span>	
							 </div>
							 <div class="input">
							   <label>Attendees Count:</label>
							   <form:input path="attendeesCount" id="attendeesCount"/>
               			        <span class="errortxt"><form:errors path="attendeesCount" /></span>	
							 </div>
							 <div class="input">
							   <label>Experience Required:</label>
							   <form:input path="experienceRequired" id="experienceRequired"/>
               			        <span class="errortxt"><form:errors path="experienceRequired" /></span>	
							 </div>
							 <div class="input">
							   <label>Skill Sets:</label>
							   <form:input path="skillSets" id="skillSets"/>
               			        <span class="errortxt"><form:errors path="skillSets" /></span>	
							 </div>
							  <div class="input">
								<label>Expected Content:</label>
								<div class="txtarea">									
									<form:textarea path="expecetdContents" id="expecetdContents" cols="80" rows="9" title="area1"/>
            						<span class="errortxt"><form:errors path="expecetdContents" /></span>
								</div>
							</div>
							 <div class="input"><label style="width:200px;">Notes:</label>
							 <div class="txtarea">
							  <form:textarea path="notes" id="notes" cols="80" rows="9" title="area1"/>
            				  <span  class="errortxt"><form:errors path="notes" /></span>
							</div>
						    </div>
							<div class="submit">
								<a href="javascript:executeAndSubmit()" class="btn next">Next
									&gt;&gt;</a>
							</div>
							
						</div>
					</div>
					</form>
				</div>
			</div>
		<div class="banner"><img src="${pageContext.request.contextPath}/images/ShakeOut_BannerAds_GetReady_160x600_v8.gif" width="161" height="600" alt="" /></div>
		</div>
		<!-- Right Area -->


</form:form>